import { SiteHeader } from "@/components/site-header"
import { Button } from "@/components/ui/button"
import Link from "next/link"

export default function Home() {
  
  return (
    <div className="min-h-screen flex flex-col">

      <main className="flex-1 flex items-center justify-center bg-gradient-to-b from-background to-muted/20">
        <div className="container mx-auto px-4 py-16 max-w-4xl text-center">
          <div className="mb-8 flex justify-center">
            <div className="h-30 w-30 rounded-2xl flex items-center justify-center">
                  <img src="/logo.png" alt="logo" className="h-30 w-30 rounded-lg" />
            </div>
          </div>

          <h1 className="text-4xl md:text-6xl font-bold mb-4 text-balance">欢迎来到凯笙小世界</h1>

          <p className="text-xl md:text-2xl text-muted-foreground mb-8 text-balance">
            一站式全面AIGC网站，提供AI绘图、ai聊能对话、ai翻译、ai提示词、ai工具、ai智能写作、3D设计、ai视频、ai语音等专业服务
          </p>

          <div className="flex flex-col sm:flex-row gap-4 justify-center items-center">
            <Link href="/kason-nav">
              <Button size="lg" className="text-lg px-8 py-6">
                开始探索
              </Button>
            </Link>

          </div>

          <div className="mt-16 grid grid-cols-1 md:grid-cols-3 gap-8">
            <div className="p-6 rounded-lg bg-card border border-border">
              <div className="text-4xl mb-4">🎨</div>
              <h3 className="text-xl font-semibold mb-2">AI工具导航</h3>
              <p className="text-muted-foreground">精选优质AI工具，涵盖写作、绘画、视频等多个领域</p>
            </div>
            <div className="p-6 rounded-lg bg-card border border-border">
              <div className="text-4xl mb-4">⚡</div>
              <h3 className="text-xl font-semibold mb-2">快速便捷</h3>
              <p className="text-muted-foreground">一键直达，快速找到适合你的AI工具和资源</p>
            </div>
            <div className="p-6 rounded-lg bg-card border border-border">
              <div className="text-4xl mb-4">🔄</div>
              <h3 className="text-xl font-semibold mb-2">持续更新</h3>
              <p className="text-muted-foreground">定期更新最新AI工具，紧跟技术发展趋势</p>
            </div>
          </div>
        </div>
      </main>
    </div>
  )
}
